/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2018-3-16, 9:08:46
    Author     : Administrator
*/



/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}




body {
        font-family: Arial, 寰蒋闆呴粦, "Microsoft yahei", "Hiragino Sans GB", "鍐潚榛戜綋绠€浣撲腑鏂� w3", "Microsoft Yahei", "Hiragino Sans GB", "鍐潚榛戜綋绠€浣撲腑鏂� w3", STXihei, 鍗庢枃缁嗛粦, SimSun, 瀹嬩綋, Heiti, 榛戜綋, sans-serif;
    
}


/*****/

p {
    margin: 0;
    line-height: 1.7;
}

.mainw {
    width: 1200px;
    margin:  0 auto;
    clear: both;
}

.mainw::after, .mainw::before {
    content: " ";
    display: block;
    clear: both;
   width: 0;
   height:  0;
}


ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration:  none;
}


body h3 {
    margin:  0;
}


.left {
    float: left;
}

.right {
    float: right;
}

/******* ---top--  ****/

body {
    font-size: 14px;
}

 


/**********************/


p {

    margin: 0;
    line-height: 2;
    font-size: 16px;

}

a {
    color: inherit;
}

#inner-mbx {
    background-color: #eaeaea;
    line-height: 34px;
    margin-bottom: 26px;
}






br {
    display:block;
    height: 0;
    
}

 
a:hover{text-decoration: none}



img.size-full {
    display:block;
    margin: 0 auto;
}


.real-con video {

    display:block;
    margin: 0 auto;
}


#topnav {
    background: linear-gradient(to right,  
        white calc(50% - 600px + 260px  ), 
        #2c3a67  calc(50% - 600px + 260px  ) )
        
        
}



#topnav .mainw {
    display: flex;
    flex-wrap:  nowrap;
    justify-content: space-between;
    align-items: center;
    color: white;
   
}

#topnav .mainw   .logo {
    width: 260px;
}


#topnav .mainw   .dh {
    width: 712px;
    line-height: 100px;
    display: flex;
    justify-content: space-between;
}

#topnav .mainw   .dh > a {
    flex-grow: 1;
    text-align: center;
    font-size: 20px;
}


#topnav .mainw   .tel {
    width: calc(1200px - 260px - 712px);
    background: url(/static/fengtai/top-tel.png)  left center no-repeat;
    padding-left: 50px;
}

#topnav .mainw   .tel .text {
    
}

#topnav .mainw   .tel .nu {
    font-size: 24px;
    color: red;
}

#topnav .mainw   .tel  > * {
    display: block;
}



.left-title {
    display: flex;
    flex-wrap: nowrap;
    justify-content:  space-between;
}


.left-title  > .title {
    width: 100px;
} 


.left-title  > .list-pic {
    width: 1100px;
} 

#home-hot .title {
        background: url(/static/fengtai/hot-pro-t.png)  left center no-repeat;
}


#home-hot  .list-pic {
    display: flex;
    flex-wrap:  wrap;
    justify-content:  space-around;
}



#home-hot  .list-pic  a {
    width: 31%;
    margin-top: 30px;
}


#home-hot  .list-pic  a  .img {
    width: 100%;
    height:  auto;
    display: block;
    position: relative;
}
#home-hot  .list-pic  a  .img img {
    width: 100%;
}
#home-hot  .list-pic  a  .img:before {
    content:  " ";
    position: absolute;
    display: block;
    z-index: 999;
    width:90%;
    height: 90%;
    left: 5%;
    top: 5%;
    border: 1px solid #ccc;
    box-sizing: border-box;
 
}

#home-hot  .list-pic  a  p {
    line-height: 2em;
    text-align: center;
    border-bottom: 3px solid #2c3a67;
}


#home-hot  .list-pic  a:hover p,
#home-hot  .list-pic  a:first-child p
{
        border-bottom: 2px solid red;
}




#home-about {
     background: url(/static/fengtai/about.jpg)  top center no-repeat;
     margin-top: 80px;
     color: white;
}




#home-about .left-title > a.title {
            background: url(/static/fengtai/about-t.png)  left center no-repeat;
}

#home-about .left-title {
    position: relative;
    
}

#home-about .left-title .text-more {
    width: 527px;
    padding-left: 10px;
    box-sizing: border-box;
    margin-top: 100px;
}
#home-about .left-title .text-more  .text {
    padding: 20px;
    background: #000000;
    color: white;
    line-height: 2em;
    box-sizing: border-box;
    color: #fcf9f9;
}



#home-about .left-title .text-more .more {
    text-align: center;
    margin-top: 30px;
}


#home-about .left-title .text-more .more  h3 {
    font-size: 30px;
    color: #fcac01;
}



#home-about .left-title .text-more .more  p {
   line-height: 2.4em;
}


#home-about .left-title .three {
    position: absolute;
    top:  120px;
    right:  50px;
    width: 460px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-between;
}



#home-about .left-title  video {
    position: absolute;
    top: 200px;
    right: 50px;
    width: 540px;
    height: 400px;
    height:  auto;
    z-index: 0;
}

#home-about  .four {
    background: white;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    justify-content:  space-between;
    margin-top: 20px;
}


#home-about  .four  a {
    width: 23%;
    padding: 5px;
    background: #080808;
}

#home-about  .four  .nu {
    text-align: center;
}
#home-about  .four  .nu span {
   border-radius: 50%;
   font-size: 24px;
   background: white;
   color: black;
   display: inline-block;
   padding: 10px;
   text-align: center;
       font-family: initial;
    
}


#home-about  .four  a img {
    max-width: 100%;
}

#home-about  .four  a h3 {
    text-align: center;
    font-size: 24px;
    text-align: center;
        color: red;
        line-height: 2em;
}

#home-about  .four  a p {
    text-align: center;

}


#home-about  .four  a:hover {
    background: #d80808;
}

#home-about  .four  a:hover  h3 {
    color: white;
}



#home-case-t {
    margin-top: 30px;
}






#home-case-t > a  {
    display: block;
    text-align: center;
    margin-bottom: 20px;
}



#home-case .title {
        background: url(/static/fengtai/case-t2.png)  left center no-repeat;
}

#home-case  .list-pic {
    display: flex;
    flex-wrap:  nowrap;
    justify-content:  space-between;
}

#home-case  .list-pic  a {
    width: 32%;
    position: relative;
}

#home-case  .list-pic  a  img {
   width: 100%;
}
#home-case  .list-pic p {
    width:  100%;
    line-height: 3em;
    background: rgba(256,256,256, .8);
    color: black;
    position: absolute;
    top: 150px;
    text-align: center;
} 

#tonglan  {
        background: url(/static/fengtai/tonglan.jpg)   center no-repeat;
        height: 274px;
        margin-top: 30px;
        margin-bottom: 30px;
}

#tonglan .mainw {
    position: relative;
    overflow: visible;
}

#tonglan .mainw  span {
      position: absolute;
    font-size: 31px;
    right: 75px;
    top: 210px;
    color: red;
}


#home-news .title {
        background: url(/static/fengtai/news-t2.png)  left center no-repeat;
}

#home-news  .pics {
    display: flex;
    flex-wrap: nowrap;
    justify-content:  space-between;
    
}

#home-news  .pics > a {
    width: 320px;
    border-bottom: 1px solid #ccc;
   
}

#home-news  .pics > a img {
    width: 100%;
}

#home-news  .pics > a  h3 {
    line-height: 2.4em;
    font-weight: bold;
    overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}


#home-news  .pics > a  p {
    line-height: 1.5em;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
}


#home-news .news {
    margin-top: 30px;
    margin-bottom: 20px;
     display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#home-news .news a {
  
    width: 48%;
    border-bottom: 1px dotted #d6e7f7;
    line-height: 2.8em;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: url(/static/fengtai/newli.png) left center no-repeat;
    padding-left: 30px;
    box-sizing: border-box;
}









#footer {
    background: #2c3a67;
    color: white;
}

#footer > .mainw {
    display: flex;
    flex-wrap:  nowrap;
    justify-content:  space-between;
    padding-top: 30px;
}

#footer > .mainw .logo-top {
    width: 240px;
             background: url(/static/fengtai/flogo.png) top 40px center  no-repeat;
}


#footer > .mainw .logo-top a {
    width: 100%;
    line-height: 2.2em;
    text-align: center;
    background: #f1761b;
    display: block;
}

#footer > .mainw .nav2-info {
   width: 674px; 
}

#footer > .mainw .nav2-info .nav2 {
    display: flex;
    justify-content:  space-around;
    margin-bottom: 20px;
}

#footer > .mainw .nav2-info table {
    width: 100%;
    line-height: 2em;
}

#footer > .mainw .ewm {
    width: 150px;
    
}

#footer .cp {
    border-top: 2px solid #ffc408;
    background: #000;
    line-height: 3em;
 
    text-align: center;
    margin-top: 10px;
}